<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <script src="assets/fiexible/flexible_css.debug.js"></script>
    <script src="assets/fiexible/flexible.debug.js"></script>
    <link rel="stylesheet" href="font/iconfont.css">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/index.css">                                                     
    <title>Document</title>
</head>
<body>
    <header class="header">
        <h2><img src="images/logo.png" alt=""></h2>
        <p><i>5万元合资车</i><img src="images/camear.png" alt=""></p>
        <span>北京</span>
    </header>
    <main class="content">
        <div class="lable">
            <img src="images/lable.png" alt="">
        </div>
        <div class="list">
                <div class="list_1">
                    <p class="_p"><span>买车</span><span class="sps">313828俩车供您挑选</span></p> 
                    <p class="_p1"><span>品牌选车</span><span>价格选车</span></p>
                </div>
                <div class="list_2">
                        <p class="_p"><span>卖车</span><span class="sps">直卖全国·高出25%</span></p>
                        <p class="_p2"><span class="sp1">当天成交</span><span class="sp2">车辆估价</span></p>
                    </div>
        </div>
        <div class="box">
            <div class="text clearfix">
                <div class="t_left">
                    <p class="t_p">三成首付·还款灵活</p>
                    <p>点击查看全部</p>
                    <img src="images/text_1.png" alt="">
                </div>
                <div class="t_right">
                    <div class="r_top clearfix">
                        <p class="t_p">奥迪A6L</p>
                        <span>2.46万起</span>
                        <img src="images/text_2.png" alt="">
                    </div>
                    <div class="r_top  r-two clearfix">
                            <p class="t_p">奥迪A6L</p>
                            <span>2.46万起</span>
                            <img src="images/text_2.png" alt="">
                        </div>
                </div> 
            </div>
            <div class="title">
                <span class="t_sp1">优选好车</span><span class="sps t_sp2">全新购车体验</span>
            </div> 
            <div class="text clearfix">
                    <div class="t_left">
                        <p class="t_p">本田·雅阁</p>
                        <p>6.4万起</p>
                        <img src="images/text_1.png" alt="">
                    </div>
                    <div class="t_left t_two">
                            <p class="t_p">奔驰C级</p>
                            <p>11.5万起</p>
                            <img src="images/text_1.png" alt="">
                        </div>
                </div>
                <div class="title">
                        <span class="t_sp1">热门推荐</span><span class="sps t_sp2"></span>
                    </div> 
                    <div class="text clearfix">
                            <div class="t_left">
                                <p class="t_p">豪华车分期购</p>
                                <p>5万元随心挑</p>
                                <img src="images/text_1.png" alt="">
                            </div>
                            <div class="t_left t_two">
                                    <p class="t_p">千元月供好车</p>
                                    <p>月供988元起</p>
                                    <img src="images/text_1.png" alt="">
                                </div>
                        </div>
                        <div class="title">
                            <span class="t_sp1">猜你喜欢</span><span class="sps t_sp2"></span>
                        </div> 
                        <div class="small">
                        <!-- <div class="service clearfix">
                            <div class="s_left">
                                <img src="images/text_5.png" alt="">
                            </div>
                            <div class="s_right">
                                <p class="s_p">[当天提车] 奥迪A6L 2017款2.5 自动 30FSL舒适性</p>
                                <span class="s_sp1">2017年/0.9万公里</span>
                                <p class="s_p2"><span class="s_sp2">41.80万</span><span class="s_sp3">首付12.54万</span></p>
                            </div>
                            <div class="shou">
                                <span>优信认证</span><a href="#">30天包退 一年保修</a>
                            </div>
                        </div> -->
                    </div>
                    <div class="b_c">
                        <div class="center">
                            查看更多车辆
                        </div>
                    </div>   
        </div>      
    </main>
    

    <footer class="footer">
        <figure class="iconfont first one on">
                &#xe61d
            <figcaption class="first">首页</figcaption>
        </figure>
        <figure class="iconfont two">
                &#xe601
            <figcaption>买车</figcaption>
        </figure>
        <figure class="iconfont three">
                &#xe625
            <figcaption>卖车</figcaption>
        </figure>
        <figure class="iconfont four">
                &#xe6e4
            <figcaption>宝典</figcaption>
        </figure>
        <figure class="iconfont find">
                &#xe621
            <figcaption>我的</figcaption>
        </figure>
    </footer>
    <script src="assets/jquery/jquery-3.2.1.js"></script>
    <script src="font/iconfont.js"></script>
    <script src="assets/artTemplate/template-web.js"></script>
    <script src="js/communal.js"></script>
    <script src="js/index.js"></script>
    <script type="text/html" id="temp-test">
        {{each arr v i}}
        <div class="service clearfix">
            <div class="s_left">
                    <img src='{{v.img}}' alt="">
            </div>
            <div class="s_right">
                <p class="s_p">{{v.s_p}}</p>
                <span class="s_sp1">{{v.s_sp1}}</span>
                <p class="s_p2"><span class="s_sp2">{{v.s_sp2}}</span><span class="s_sp3">{{v.s_sp3}}</span></p>
            </div>
            <div class="shou">
                <span>{{v.span}}</span><a href="#">{{v.a}}</a>
            </div>
        </div>
            {{/each}}
      </script>
  
</body>
</html>